<template lang="html">
	<div class="class_ification">
	  <div class="input_div">
	  	<router-link to="/searchpage" tag="div">
	  		<input type="text" placeholder="公考求职">
	  	</router-link>  
	  	<img src="../assets/icon/search.png" alt="">
	  </div>
	  <InputRouter />
	</div>
</template>
<script>
	import InputRouter from './input-router.vue'
export default{
	name:'category',
	data(){
		return{
			
		}
	},
	components:{
		InputRouter
	}
}
</script>

<style lang="less" scoped>
	.class_ification{
		width: 100%;
		.input_div{
			width: 100%;
			height: 70px;
			background-color: rgba(63,178,253);
			border:1px solid rgba(0,0,0,0);
			text-align: left;
			div{ 
				width:350px;
				height: 35px;
                background-color:rgba(255,255,255); 
                margin-top: 15px;
                margin-left:10px;
                border:1px solid rgba(255,255,255);
				border-radius:10px;
				position:absolute;
				   input{
				  	width:320px;
				    height: 35px;
				  	margin-left:30px;
				  	text-align: left;
		        }
			}
			img{
				position: relative;
				left:15px;
				top: 22px;
				width: 20px;
				height:20px;

			}
		
		}
	}
</style>